<%-- 
    Document   : employee
    Created on : 28-Jan-2014, 2:13:00 PM
    Author     : anvil
--%>

<%@page import="LDAPConn.EmployeeTable"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>AnvilWeb Employee Management</title>
    </head>
    <body>
        <!--Start of NavBar-->
        <div class="navbar navbar-inverse">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse navbar-inverse-collapse">
                <a class="navbar-brand pull-right">AnvilWeb</a>

                <ul class="nav navbar-nav">
                    <li><a href="home.jsp">Home</a></li>
                    <li class="active"><a href="employee.jsp">Employee</a></li>
                    <li><a href="reports.jsp">Reports</a></li>
                    <li><a href="settings.jsp">Settings</a></li>
                    <li><a href="index.jsp">Logout</a></li>
                </ul>
            </div>
        </div>
        <!--End of NavBar-->

    <legend><h1 class="text-primary">Employee Management</h1></legend>

    <div class="container">
        <div class="col-md-4">
            <div class="well">
                <center>
                    <h3>Add Employee
                        <button onclick="location.href = 'employeeAdd.jsp'" type="button" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-chevron-down"></span>
                        </button></h3>
                </center>
            </div>
        </div>
        <div class="col-md-4">
            <div class="well">
                <center>
                    <h3>Modify Employee
                        <button onclick="location.href = 'employeeModify.jsp'" type="button" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-chevron-down"></span>
                        </button></h3>
                </center>
            </div>
        </div>
        <div class="col-md-4">
            <div class="well">
                <center>
                    <h3>Terminate Employee
                        <button onclick="location.href = 'employeeTerminate.jsp'" type="button" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-chevron-down"></span>
                        </button></h3>
                </center>
            </div>
        </div>
    </div>
    <br/>
        <div class="col-md-12">
            <legend><h2 class="text-primary">Employees</h2></legend>
            <div class="input-group">
                <span class="input-group-addon glyphicon glyphicon-search"></span>
                <input type="text" placeholder="Search by Employee ID" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">Search</button>
                </span>
            </div>
            <br/>
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <%
                            EmployeeTable et = new EmployeeTable();
                            out.println(et.getHeaders());
                        %>
                    </tr>
                </thead>
                <tbody>
                    <%
                        out.println(et.getTableRows());
                    %>
                </tbody>
            </table>
        </div>
</body>
</html>
